/*
   ms  code

*/
html,body{height: 100%;width: 100%;background-color: #fff;overflow: hidden; font-family: 'Helvetica Neue', Helvetica, sans-serif !important; }
p{font-size: 16px;margin-bottom: 0px;color: black;overflow: hidden;}
.hidden{display: none;}
.back_white{background-color: #FFF;}
.back_f4{ background-color: #f4f4f4; }
.left{float: left;}
.white{background-color: white;}
.default-btn{height: 30px;line-height: 30px;overflow: hidden;font-size: 16px;color: white;text-align: center;border-radius: 15px;border:none; background-color: #007aff; margin: 0 auto;padding: 0px 15px;display: block;}
ul li{list-style: none;}
.ab_positon_0{top: 64px; position: absolute; bottom: 0px; width: 100%;background-color: #f3f3f3;}
.ab_positon_44{top: 64px; position: absolute; bottom: 44px; width: 100%;}
.conmmon-b{bottom: 0px;padding: 0;margin: 0;}
.margin_l_6{margin-left: 6px;}
.margin_r_6{margin-right: 6px;}
.margin_t_6{margin-top: 6px;}
.margin_t_8{margin-top: 8px;}
.margin_t_10{ margin-top: 10px; }
.margin_l_15{ margin-left: 15px; }
.color_333{color: #333333;}
.count_num{ color: #3AADFB;}
.ba-fa{background-color: #fafafa}
.font_14{font-size: 14px;}
.font-16{font-size: 16px;}
.color_gray{color: #666666;}
.relative{position: relative;}
.absolute{position: absolute;}
#colWaitContain .col-list .cmp-list-cell .cmp-slider-handle .col-list-cell-info .content_info{border-bottom:none;}
a[sel_data='delete']{color: red!important;}
.m3-icon-support.cmp-active{color: #3AADFB;}
.see-icon-accessory.cmp-active{color: #3AADFB;}
.cmp-table-view:before{height: 0px;}
.cmp-table-view:after{height: 0px;}
/*more page css*/

.wh100{width: 100%;height: 100%}
.cmp-bar .cmp-icon{font-size: 18px;}
/*搜索组件*/
#cmp_search_textHandler:before{top:25px;}

/*会议详情 页面css*/
.meet_list_detail.col ul li .people{width: 63%;display: inline-block;vertical-align: middle;}
.fold_content.col .cmp-list-cell{border-bottom: none;border-top:none;}
.fold_content.col .cmp-list-opinion-reply .replay-content{background-color: rgba(240, 240, 240, 0.8);
   border: 1px #aaa solid;border-radius: 3px; margin-top: -1px;margin-bottom: 10px;}
.footer_replay.col button{width: 40%;height: 34px;border-radius: 30px;}
.m1-details-content.col .cmp-list-cell{border-bottom: 1px #ccc solid!important;padding-bottom: 10px;}
/*文档，文件夹页面*/
.my_work_content.col .cmp-list-cell{border-bottom: none;position: relative;padding: 12px;}
.my_work_content.col .cmp-list-cell-info{height: 40px;;line-height: 24px;padding-left: 10px;}
.my_work_content.col .cmp-list-cell:after{left: 21px;width: 100%;}
/*快速选人组件*/
.search_box .my_work_content.col .cmp-list-cell-info>span{line-height: 20px; height: 20px; display: block;font-size: 16px;overflow: hidden;color: black;}
.search_box .my_work_content.col .cmp-list-cell-info h6{ height: 20px; line-height: 20px; display: block; font-size: 16px;overflow: hidden;}



/*底部导航中间的按钮*/
/* .footer_shortcut.col.shortcut{width: 30px; ;;z-index: 999;background-color: #fff; text-align: center;line-height: 65px;display: inline-block;position: relative;top: 5px;  }
.footer_shortcut.col .but{width: 44px!important;height: 44px!important;display: inline-block;border-radius: 100%; position: relative;font-size: 44px;z-index: 999;color: rgba(0, 0, 255, 0.8); }
.shortcut_button.col{position: absolute;bottom:7px;left: 50%;margin-left: -20px;z-index: 9999;} */

/*正文页签进行固定宽度*/
.ControlItemFormat.col.cmp-segmented-control.cmp-segmented-control-inverted .cmp-control-item{max-width: 25%;min-height: 25%;padding: 0 0!important;width: 100%;line-height: 38px;}
.approval_list_content.col .content_info .opinion .responses{font-size: 12px;transform: rotate(-45deg)scale(0.8);}
.approval_list_content.col .cmp-list-cell-info .cmp-badge-success{ max-width: 80px; overflow: hidden;vertical-align: middle;z-index: 99;padding: 2px 7px; color: #fc4906;border: 1px #fc4906 solid;background-color: transparent;line-height: 0; }

/*催办页面*/
.content_details.col{background-color: #FFF;}
.message-eject ul li:after{content:'';display: inline-block;width: 85%;height: 2px; background-color: rgba(238, 238, 238, 0.24);position: absolute;bottom: 0;left: 10px;}
.urge-text{position: absolute;top: 0px; bottom: 60px!important; width: 100%; overflow: hidden;} 
.urge-count{ position: fixed; bottom: 44px; left: 0px; right: 0px;} 
#remind-btn{ z-index: 2; }
/*新建协同*/
.new_synergy_content{background-color:#EFEFF4;}
.new_synergy_content .new_header_content .cmp-table-view-cell{line-height: 34px;padding-top: 7px;padding-bottom: 7px;display: -webkit-flex;display: flex;}
.new_synergy_content .new_header_content .title{font-size: 16px;color: #858e99;width: 80px;line-height: 36px;}
.new_synergy_content .new_header_content .title.title_width{ width: 90PX; }
.new_synergy_content .new_header_content .headline{margin: 0;padding: 0;border: 0;min-height: 30px; color: #333;-webkit-flex:1;flex: 1;height: auto;line-height: 22px;}
.new_synergy_content .new_header_content .headline div{ min-height: 20px; line-height: 20px; padding: 0px; overflow-y: hidden; word-break: break-all; letter-spacing: 1px; position: absolute; }
.new_synergy_content .new_header_content .headline textarea	{ min-height: 20px; line-height: 20px; padding: 0px; overflow-y: hidden; word-break: break-all; letter-spacing: 1px;border: none;font-size: 16px; }
.new_synergy_content .new_header_content .eclips{ overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }
.new_synergy_content .new_header_content .add_accepter{color: #3AADFB;padding: 0;margin:0px;font-size: 24px;float: right;vertical-align: middle;}
.new_synergy_content .new_header_content .new_synergy_badge .cmp-badge{border-radius: 4px;padding: 0; font-size: 16px;color: #3AADFB;background-color: transparent;}
.new_synergy_content .new_header_content .new_synergy_badge .cmp-badge.cmp-active{background-color: #3AADFB;color: #fff;}


/*新建协同的提示容器*/
.new_synergy_hint {position: absolute;width: 140px;left: 5px;top:44px;z-index: 10;}
.new_synergy_hint .circle{width: 6px;height: 6px;border-radius: 100%;background-color:#5E984F;display: block; position: relative;left: 20px;}
.new_synergy_hint .line{width: 2px;height: 30px;position: relative;background-color: rgba(94, 152, 79, 0.82); display: block;left: 22px;}
.new_synergy_hint .content{width: 100%;background-color: rgba(94, 152, 79, 0.82);font-size: 14px;border-radius: 8px; color: #fff;  }
.new_synergy_hint .content .text{width: 90%;text-align: center;margin: auto;border-bottom: 1px #fff solid; padding: 8px;}
.new_synergy_hint .content .btn{text-align: center;padding: 8px;border-bottom-left-radius:8px; border-bottom-right-radius: 8px;}

/*处理页面查看流程*/
.check-process{height: 40px;background: #d4f1fc;width: 100%;border-bottom: 1px solid #ccc;}
.check-process span{color: #3AADFB;;display: inline-block;padding: 0px 15px;height: 40px;line-height: 40px;}

/*协同导航列表*/
#col-nav{display: -webkit-flex; display: flex;height: 38px; line-height: 38px; margin-bottom: 10px;background: white;font-size: 16px;} 
#col-nav .col-nav-list{-webkit-flex:1; flex:1;}
#col-nav .col-nav-list .nav-list-span{color:#666;display: inline-block;width: 100%;height: 38px; line-height: 38px; text-align: center;padding-bottom: 2px;}
#col-nav .col-nav-list span.current{border-bottom: 2px solid #3AADFB;padding-bottom: 0px;color: #3AADFB;}
/*新建协同页面*/
.send-colla-div .send-colla{width: 142px;height: 30px; line-height: 30px; display: block; padding: 0px; margin: 8px auto;text-align: center;color: #FFF;background-color: #3AADFB;border-radius: 15px;border: 1px solid #3AADFB;font-size: 16px;}
.impot-level{position: absolute; z-index: 99; position: absolute; z-index: 99; top: 6px; right: 7px; width: 192px; height: 72px; background: rgba(87,88,97,0.7);border-radius: 5px;}
.impot-level li.cmp-table-view-cell{height: 35px;line-height: 35px;padding: 0px;padding-left: 15px;border-radius: 5px;overflow: visible;}
.impot-level li.cmp-table-view-cell a{margin: 0px;padding: 0px;}
.impot-level li.cmp-table-view-cell a ul{height: 35px;line-height: 35px;color: white;}
.impot-level li.cmp-table-view-cell a ul li:first-child{float: left;width: 110px;list-style-type: none;}
.impot-level li.cmp-table-view-cell a ul li:last-child{float: left;width: 47px;list-style-type:none;text-align: right;padding-right: 12px;}
.impot-level .cmp-table-view-cell:after{right: 15px;}
.impot-level .cmp-table-view-cell .triangle-nav{width: 0; height: 0; border-left: solid 10px transparent; border-right: solid 10px transparent; border-bottom: solid 10px rgba(87,88,97,0.7); overflow: hidden; position: absolute; top: -7px; right: 10px; z-index: 1;}
/*协同详情页面 137*/
#col_summary >.cmp-active{position: absolute;top: 137px;bottom: 0px;width: 100%;background-color: white;}
/*协同处理页面*/
.cmp-bar-nav~.cmp-content .replay_opinion_content{ width: 100%; bottom: 0; top: 0px;background: white;border-bottom-color: transparent; font-size: 16px;}
.cmp-bar-nav~.cmp-content .replay_opinion_content:after{content: ''; width: 100%; left: 0; bottom:0px; height: 1px; display: inline-block; position: absolute; background-color: #d4d4d4; -webkit-transform: scale(1,0.5); transform: scale(1,0.5); -webkit-transform-origin: center bottom; transform-origin: center bottom; z-index: 2;}
.footer_replay.send-colla-div button{ background-color: #3AADFB; border-color: #3AADFB;}
.footer_replay.send-colla-div button:first-child{ margin-right: 18px;}
footer.footer_replay .hold{background-color: white; border-color: #3AADFB; color: #3AADFB;}
.cmp-bar-nav~.cmp-content .replay_opinion_content.noAfter:after{display: none;}
/*新建协同页面*/
.impot-level{position: absolute; z-index: 99; position: absolute; z-index: 99; top: 6px; right: 7px; width: 172px; height: 72px; background: rgba(87,88,97,0.7);border-radius: 5px;}
.impot-level .cmp-table-view-cell:after{right: 15px;}
.impot-level .cmp-table-view-cell .triangle-nav{width: 0; height: 0; border-left: solid 10px transparent; border-right: solid 10px transparent; border-bottom: solid 10px rgba(87,88,97,0.7); overflow: hidden; position: absolute; top: -7px; right: 10px; z-index: 1;}
/*协同详情页面*/
.attach-wrap{ overflow: hidden;background-color: #f4f4f4;position: relative;padding-top: 10px; }
.attach-wrap:before{  content: ''; width: 100%; left: 0; top:0px; height: 1px; display: inline-block; position: absolute; background-color: #d4d4d4; -webkit-transform: scale(1,0.5); transform: scale(1,0.5); -webkit-transform-origin: center bottom; transform-origin: center bottom; z-index: 9; }
.attach-wrap .attach-title .new-attach{ padding: 2px 8px;color: #3aadfb;border:1px solid #3aadfb;margin-left: 115px; font-size: 12px;}
.attach-wrap-div{ width: 100%;padding-top: 1px;}
.attach-wrap-div .attach-body{   height: 43px; background-color: #e2eaf2; border: 1px solid #c0cbd7; border-radius: 5px; margin: 10px 10px 0px 10px;}
.attach-wrap-div img{  width: 28px; height: 31px; margin: 5px; margin-left: 12px; float: left;}
.attach-wrap-div .upload{ margin: 13px;}
.attach-wrap-div .attach-name-div{  margin-left: 49px; margin-right: 50px; height: 43px;font-size: 14px; color: black;}
.attach-wrap-div .attach-name-div p{ margin-bottom: 0px;color: inherit;}
.script-div{ padding: 0px 15px 0px 24px; overflow: hidden; width: 100%; line-height: normal; font-size: 16px; color: #333;}
.attach-lisy-li:first-child .script-div{border-top: none;}
li.attach-lisy-li .opinion-wrap-div >ul.cmp-list-content{background-color: white;padding-left: 50px;}
.script-div p{font-size: inherit;margin-bottom: 0px; color: inherit; }
.script-time-div{padding: 5px 15px 10px 24px; overflow: hidden; }
.script-time{ font-size: 12px; color: #666666; float: left; }

.opinion-wrap-div{}
.opinion-wrap-div .user-info{font-size: 14px; height: 40px;/*background-color: white;*/position: relative;padding-top: 10px;}
.opinion-wrap-div .user-info img.img_setting{  position: absolute; z-index: 2; width: 30px; height: 30px; margin: 0px 12px; border-radius: 15px;}
.opinion-wrap-div .user-info span.states{  float: right; height: 20px; margin-right:15px;color: #3AADFB;}
.opinion-wrap-div .user-info .user-name{ position: absolute; left: 54px; right: 80px; height: 25px; line-height: 20px; overflow: hidden;color: #666666;text-overflow: ellipsis;white-space: nowrap;}
.opinion-wrap-div .opinion-div {background-color: white;padding: 0 15px 0px 54px;line-height: 22px; margin-top: -5px;  font-size: 16px;}
.opinion-wrap-div .opinion-div p{ width: 100%;overflow: initial; }
.opinion-wrap-div .opinion-div p span{line-height: normal;}
.opinion-wrap-div .opinion-div ul{ padding-left: 20px;}
.opinion-wrap-div .opinion-div ul li{list-style:disc;}
.opinion-wrap-div .opinion-div ol{ padding-left: 20px;}
.opinion-wrap-div .opinion-div ol li{ list-style:decimal;}

.opinion-time-div{height: 35px;background-color: white;padding-left: 54px;}
.opinion-time-div .zan-div{float: right; height: 100%;width: 80px;margin:0px;text-align: right;color: #A2ACC7;font-size: 14px; padding-top: 2px;}
.opinion-time-div .zan-div span:nth-child(2){margin-right: 10px;}
.opinion-time-div .opinion-time{margin-right: 80px; line-height: 28px;}
.opinion-time-div .opinion-time p span{font-size: 12px;color: #999999;}
.opinion-time-div .opinion-time p span:first-child{margin-right: 10px;}

.comment-div{background-color: white;overflow: hidden;position: relative;}
.comment-div:before{  content: ''; width: 100%; left: 54px; top:0px; height: 1px; display: inline-block; position: absolute; background-color: #d4d4d4; -webkit-transform: scale(1,0.5); transform: scale(1,0.5); -webkit-transform-origin: center bottom; transform-origin: center bottom; z-index: 9; }
.comment-div .comment-body{margin: 0px 15px; border-radius: 5px;margin-left: 50px;}
.comment-div .comment-p{height: 40px;line-height: 30px;color: #666666;position: relative;overflow: visible; padding-top: 10px; font-size: 14px; }
.comment-div .comment-t{height: 30px;line-height: 30px;color: #999999;position: relative;overflow: visible;}
.comment-div .comment-body ul:first-child .comment-p{border: none;}
.comment-div .comment-body ul:first-child .comment-p.border_t{ line-height: 37px; }
.comment-div .comment-p span{margin-right: 8px;font-size: 12px;}
.comment-div .comment-t span{margin-right: 8px;font-size: 12px;}
.comment-div .comment{color: black;padding-top: 2px;}
.tit_fujian{ margin-left: -11px; font-size: 16px; color: #3AADFB; }
.title-mark{ height: 15px; width: 3px; display: inline-block; background: #3AADFB; border-radius: 8px; margin-right: 4px; top: 13px; left: 15px; z-index: 2; position: absolute; }
.name-mark{ height: 14px; width: 3px; display: inline-block; background: #7ED321; border-radius: 8px; margin-right: 4px; top: 17px; left: -10px; z-index: 2; position: absolute; }
.comment-body .cmp-accessory-content{ padding: 10px 0px 0px 0px;}
.handle-div{height: 43px;border-top: none;background-color: #e7ecf2; color: #646464; border-top: 1px solid #bec8cf;}
.handle-div .handle-colla{font-size: 16px;color: #333;}
.handle-div .handle-more{ float: right; height: 29px; line-height: 29px; text-align: center; overflow: hidden; margin: 7px;width: 64px;border-left: 1px solid #bec8cf;color: #646464;}
.main-content{ position: relative; }
/*处理人列表*/
.handler-div .handler-user{ margin-right: 100px; margin-left: 55px; height: 100%; overflow: hidden;padding: 8px 0px;}
.handler-div .handler-user .handle-user-name{height: 25px; line-height: 29px; color: black; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-size: 16px;}
.handler-div .handler-user .handle-user-job{height: 25px;line-height: 24px;color: #999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;}
.btn-urge{width: 142px;padding: inherit 40px;background-color: #3AADFB;}
.urge-div{padding: 6px 0px;background-color: #ffffff; border-color:#fff}
.txt-body{padding: 15px;min-height: 20px;}
.selecte_ager{ height: 24px;line-height: 24px;width: 24px;border: 1px solid #d9d9d9;float: left;margin-left: 10px;margin-right: 10px;margin-top: 20px;border-radius: 12px;font-size: 24px;display: none; }
.selecte_ager.cmp-active{ color: #3aadfb; }
/*涉及到这个class的top都要动态计算的*/
.cmp-col-content{bottom: 0px; position: absolute; width: 100%;background-color: #F4F4F4;}
.opinion-body{position: absolute; width: 100%; top: 50px; bottom: 0px;}
.cmp-list-content{border-top: none;padding-bottom:0px;}
.cmp-list-content .list-item  .collabo-time .see-icon-accessory{color: #8AB0DD;}

/*处理详情 人员处理状态*/
.read-states {position: absolute; z-index: 10; top: 36px; left: 26px; width: 14px; height: 14px; border-radius: 8px; overflow: hidden;}
.read-states .state-bg{  background: white; border-radius: 8px; width: 14px; height: 14px;line-height: 14px;}
.read-states .state-bg .state-color{ font-size: 14px; width: 14px; height: 14px; display: block;}
.has-haddle .state-bg .state-color{color: #36A946;}
.has-read .state-bg .state-color{color: #286EB7;}
.has-stop .state-bg .state-color{color: #796f6c;}
.has-stop-node{color: rgb(182,21,1);}
.other .state-bg .state-color{color: #F08300;}
.footer_handler_content{height: 43px;position: relative;top: 0px;padding-top:15px;}
.footer_handler_content a{border-left: 1px solid #3AADFB; color: #3AADFB; font-size: 16px; height: 18px;line-height: 18px; }
.footer_handler_content a:first-child{border-left: none;}

/*新样式*/
.col-list .cmp-list-cell:first-child{padding-top: 10px;}
.col-list .cmp-list-cell .cmp-slider-handle{border-top:1px rgba(204, 204, 204, 0.59) solid;border-bottom: 1px rgba(204, 204, 204, 0.59) solid; display: -webkit-flex; display: flex;}
.col-list .cmp-list-cell .cmp-slider-handle .mark .text{ bottom: 33px; transform: rotateZ(45deg) scale(.8); -webkit-transform: rotateZ(45deg) scale(0.8);}
.col-list .cmp-list-cell .cmp-slider-handle .cmp-list-cell-img{width: 52px;max-height: none;float: none;flex-grow:0;-webkit-flex-grow:0;position: initial;}
.col-list .cmp-list-cell .cmp-slider-handle .col-list-cell-info{-webkit-flex-grow: 1;flex-grow: 1;float: none;width: 100%!important;display: block; -webkit-box-flex: 1;box-flex: 1;}
.col-list .cmp-list-cell .cmp-slider-handle .col-list-cell-info .content_info{width: 100%;padding-right: 10px;border-bottom: 1px rgba(204, 204, 204, 0.59) solid;}
.col-list .cmp-list-cell .cmp-slider-handle .col-list-cell-info .list_title_name{width: 100%!important;padding-right: 5px;}
.col-list-cell-info .content_info .list_title_name{font-size: 16px;color: #000000;padding: 4px 0px 0px 0px;}
.col-list-cell-info .content_info {padding-top: 0px;}
.col-list-cell-info .plaint {padding: 8px 0px 10px 0px;}
.col-list-cell-info .content_info .padding_5_0{padding: 0px 0px 5px 0px;height: 35px;}
.col-list-cell-info .content_info .padding_5_0 .send-name{width: 71px;font-size: 14px;}
.col-list-cell-info .content_info .padding_5_0 .send-time{font-size: 14px;}
.col-list-cell-info .plaint .see-icon-v5-common-replies{color: #858E99;}
.col-list-cell-info .plaint .reply-info{color: #666666;}

.new-colla-div{position: fixed; bottom: 14px; right: 12px; z-index: 9; width: 54px; border: none; height: auto; padding: 2px;overflow: visible;}
.new-colla-div >span{display: inline-block; width: 50px; height: 50px; background: #3AADFB; color: #FFF; border-radius: 25px; box-shadow: -1px -1px 2px 1px rgba(204,204,204,0.5),1px 1px 2px 1px rgba(204,204,204,0.5),1px -1px 2px 1px rgba(204,204,204,0.5),-1px 1px 2px 1px rgba(204,204,204,0.5); border: 1px solid #FFF; font-size: 22px; padding-left: 12px; padding-top: 12px;margin-top: 12px;}
.new-colla-div .shortup{position: absolute;width: 90px;height: 27px; line-height: 27px; color: white;background-color: rgba(0,0,0,0.7);border-radius: 13px;text-align: center;box-shadow: -1px -1px 2px 1px rgba(204,204,204,0.5),1px 1px 2px 1px rgba(204,204,204,0.5),1px -1px 2px 1px rgba(204,204,204,0.5),-1px 1px 2px 1px rgba(204,204,204,0.5);font-size: 14px;}
.new-colla-div .shortup.creatFreeCollBtn{top: 25px;left: -103px;}
.new-colla-div .shortup.createTemplateColBtn{top: 87px;left: -103px;}
/*附件图标色值*/
#attBtn.has-atttach{color: #3AADFB;}
.newcolla-bg{background-color: #EFEFF4;}
.new-colla-title .cmp-table-view-cell .headline{font-size: 16px;padding: 8px 0px;}
.new-colla-title .cmp-table-view-cell .headline::-webkit-input-placeholder{ color:#3AADFB;  }
.new-colla-title .cmp-table-view-cell .headline:-moz-placeholder{ color:#3AADFB; }
.new-colla-title .cmp-table-view-cell .headline::-moz-placeholder{ color:#3AADFB;  }
.new-colla-title .cmp-table-view-cell .headline:-ms-input-placeholder { color:#3AADFB; }
/**/

.main-title .cmp-table-view::after{background-color: transparent;}
.main-title .cmp-table-view .cmp-list-cell .cmp-list-cell-info{padding-left: 0px;width: 100%;}
.main-title .cmp-table-view .cmp-list-cell .cmp-list-cell-info .list_title_name{font-size: 18px;width: 100%;margin-bottom: 5px;line-height: 22px;max-height:132px;overflow: auto;display: inline-block;/*text-align: justify;*/}
.main-title .cmp-table-view .cmp-list-cell .cmp-list-cell-info .list_cont_info{ margin-bottom: 0; font-weight: normal;font-style: normal;}
.main-title .m1-details-title { background-color: #E8F5FF;}
.main-title .m1-details-title .cmp-list-cell {padding :12px 20px;border-bottom: none;}
.main-title .m1-details-title .list_cont_info span.cmp-pull-left span { height: 16px;line-height: 14px;display: inline-block; overflow: hidden; text-overflow: ellipsis; float: left;font-size: 14px;color: #666666;}
.import{ color: #FF3B30;top:16px; left: 5px;font-size: 14px;}
.people-list{background-color: white;}
.people-list .cmp-list-content .handler-div .handler-user .handle-user-name{max-width: 150px;}
.people-list .cmp-list-content .handler-div .handler-user .handle-user-job{max-width: 150px;}

.comment-states {padding: 0px 0px;}
.comment-states ul{width: 100%;height: 25px; display: -webkit-flex; display: flex;box-shadow: none;}
.comment-states ul li{ftext-align: center; -webkit-box-flex: 1;-webkit-flex: 1; flex:1;}
.comment-states .handle.cmp-active{background-color: #48A0DE!important; border-color: #48A0DE!important;}
.comment-states .handle{border:1px solid #3AADFB;color: #3AADFB;display: inline-block;width: auto;margin-left: 0px;width: 85px;overflow: hidden;}
.replay-div{border-top: none;}
.replay-div button{background-color: #48A0DE;border-color: #48A0DE;}
.replay-div button.hold{background-color: #4CD864;border-color: #4CD864;}
.handle-word-num{float: left;margin: 0px 0px 0px 15px;line-height: 36px;color: #A2ACC7;}
.handle-zan{ height: 100%; padding: 0px 15px;background: transparent;line-height: 36px;}
.handle-zan a.see-icon-accessory{display: inline-block;text-align: right;padding-right:10px;font-size: 16px;color: #A2ACC7;}
.handle-zan span.attCount{display: inline-block;font-size: 16px;text-align: center;margin-right: 4px;color:#A2ACC7}
.handle-zan span.likeBtn{display: inline-block;padding:0px 10px 0px 10px; font-size: 16px;color: #A2ACC7;}
.handle-zan span.likeBtn.blue-color{ color:#3AADFB}
.handle-zan a.useful{display:none; font-size: 14px; color: #A2ACC7;display: inline-block;width: auto;margin-left: 10px;}

.nodeUserList{border-top:none;}
.common-state span{display: inline-block; overflow: hidden; width: 70px; height: 30px; line-height: 30px; margin-top: 18px; text-overflow: ellipsis; white-space: nowrap;max-height: 82px;text-align: right; padding-right: 5px; }
.common-state span.ager{ width: 64px; height: 26px; line-height: 26px; border: 1px solid #3AADFB; border-radius: 33px; color: #3AADFB;text-align: center; }
.urge-state-span{border: 1px solid #3AADFB; border-radius: 15px; color: #3AADFB; padding: 0px 8px;}

.add-new-div div.add-new-title{font-size: 16px;padding-right: 10px;padding-left: 25px; border-bottom:none;border-top: none;background-color: white;position: relative;margin-top: 0px;overflow: hidden;}
.add-new-div div.add-new-title:before{  content: ''; width: 100%; left: 0; top:0px; height: 1px; display: inline-block; position: absolute; background-color: #d4d4d4; -webkit-transform: scale(1,0.5); transform: scale(1,0.5); -webkit-transform-origin: center bottom; transform-origin: center bottom; z-index: 9; }
.add-new-div div.add-new-title span.jiantou{font-size: 14px;color: #C7C7CC;}
.add-new-div div.add-new-title span.moreOpinion{font-size: 23px;color: #C7C7CC;}

.akeyHasten{float:right;padding:10px;font-size:14px;display:none;position:relative;}
/*新页签样式 38*/
.cmp-content div.new-tab-nav{height: 38px;background-color: white;margin-bottom: 5px;}
.cmp-content div.new-tab-nav .cmp-control-item.cmp-active{color: #3aadfb;border-bottom: 2px solid #3aadfb;} 
.cmp-content div.new-tab-nav  .cmp-control-item{color: #666666;font-size: 16px;height: 36px;line-height: 36px;} 
/*新页签高度48*/
.cmp-content div.new-tab-nav-count{height: 48px;background-color: white;}
.cmp-content div.new-tab-nav-count .cmp-control-item{line-height: initial;color: #666666;font-size: 12px;}
.cmp-content div.new-tab-nav-count .cmp-control-item.cmp-active{color: #3AADFB;border-bottom: 2px solid #3AADFB;background: none; font-weight: bold; }
.cmp-content div.new-tab-nav-count .cmp-control-item .title{height: 16px; margin-top: 8px; display: block; width: 100%; font-size: 14px;}
.cmp-content div.new-tab-nav-count .cmp-control-item .sub{line-height: 20px; display: block; height: 22px; font-size: 12px;bottom: 0px;}
/*正文字体2000*/
.cmp-bar-nav~.cmp-content .replay_opinion_content .information .text_and_accessory.fontCount{color: #999999;bottom: 40px;}
.listviewbox{background-color: #fff;overflow: hidden;line-height: 20px;}
/*处理页面弹出框*/
.reply_to_papers_content div.new-dialog .reply_to_papers .cell{ padding: 10px 0px; color: #DCDCDC;}
.reply_to_papers_content div.new-dialog .reply_to_papers .cell .tak.cmp-active{ color: #1EB600;}
.reply_to_papers_content div.new-dialog .reply_to_papers .cell:last-child::after{ background-color: transparent;}
.cmp-popover-custom .cmp-popover-arrow.cmp-popover-arrow{height: 21px;width: 21px;top: -21px;}
.actionSheet-content  .cmp-table-view-cell:after{ -webkit-transform: scale(1,0.5) translateZ(0px); transform: scale(1,0.5) translateZ(0px);	 };
/*表单模板*/
.new-temp-list li.cmp-list-cell{position: relative; padding:10px 5px 10px 15px;display: -webkit-flex;display: flex;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;border-bottom: none;height: 60px;}
.new-temp-list li.cmp-list-cell:after{ content: ''; width: 100%; left: 0; height: 1px; display: inline-block; position: absolute; background-color: #d4d4d4; -webkit-transform: scale(1,0.5); transform: scale(1,0.5); -webkit-transform-origin: center bottom; transform-origin: center bottom; bottom:0px; z-index: 9; }
.new-temp-list li div.cmp-list-cell-img{width: 36px;height: 40px;}
.new-temp-list li div.cmp-list-cell-img .cmp-icon-document{ width: 36px!important;height: 40px!important;top: 0; }
.new-temp-list li div.cmp-list-cell-info{-webkit-flex: 1;flex: 1;height: 40px;line-height: 40px;}
.new-temp-list li div.cmp-list-navigate{width: 50px;}
.new-temp-list li div.cmp-list-navigate .text_info{width: 25px;text-align: right; overflow: hidden;}
.new-temp-list.file-index-content .cmp-list-cell-info .list_title_name{width: 100%!important;}
/*c常用语*/
.cmp-content > .cmp-table-view.ba-fa{ margin-top: 0px;background-color: white;}
.GM_Alert_Content .GM_item_container ul li.li_height:first-child{ padding: 10px 10px 0px 10px; }
.GM_Alert_Content .GM_item_container ul li.li_height:after{ left: 0px; }
.GM_Alert_Content .GM_item_container ul li.li_height{ height: 46px;line-height: 28px;  font-size: 16px;}
.phrases_div{background-color: white;height: 43px;padding-top: 7px;}
.footer_btn .cmp-block-with-btn{ margin: 0px; padding: 6px 0px;}
.footer_btn .btn{ height: 30px;line-height: 30px; }
/*新增详情按钮样式*/
.btn-wrap{ background-color: rgba(254,254,254,0.9);position: relative;}
.btn-wrap ul{ display: -webkit-flex;display: flex; }
.btn-wrap ul li.list-people{ width: 90px; height: 45px;position: relative;padding: 5px 0px;overflow: hidden;}
.btn-wrap ul li.list-people div{ border-right: 1px solid #d4d4d4; }
.btn-wrap ul li.list-people .number{ display: block;height: 18px;line-height: 18px;font-size: 18px;text-align: center;width: 100%;color: #7CA9CA; margin-bottom: 2px;}
.btn-wrap ul li.list-people .people{ display: block;height: 12px;line-height: 12px;font-size: 12px;text-align: center;width: 100%;color: #666666;}
.btn-wrap ul li.list-people:after{ content: ''; width: 100%; left: 0; height: 1px; display: inline-block; position: absolute; background-color: #d4d4d4; -webkit-transform: scale(1,0.5); transform: scale(1,0.5); -webkit-transform-origin: center bottom; transform-origin: center bottom; bottom:0px; z-index: 9px; }
.btn-wrap ul li.workflow{ -webkit-flex: 1;flex: 1; height: 45px;line-height: 43px;text-align: center;color:#3aadfb; }
.btn-wrap ul li.workflow span{ margin-right: 6px;font-size: 19px; }
/*处理状态*/
.cmp-tab-doState{     background: #fff; line-height: 1; padding: 0px; position: relative; display: -webkit-flex; display: flex;border: none; margin-bottom: 5px;}
.cmp-tab-doState .c1{ color: #F8851C; }
.cmp-tab-doState .c2{ color: #5BC21A; }
.cmp-tab-doState .li{    list-style-type: none; text-align: center; padding: 7px 0px; -webkit-box-flex: 1; width: 20%; -webkit-flex: 1; flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;line-height: initial;border: none;}
.cmp-tab-doState .li.cmp-active{    position: relative; z-index: 2; border-bottom: 2px solid #2EAEF7;}
.cmp-tab-doState .title{    font-size: 14px; margin-top: 4px;}
.cmp-tab-doState .num{    font-size: 30px; margin-left: 4px;}
.cmp-tab-doState .icon{ font-size: 26px; }
/*快捷键*/
.col-new-container{
	position: absolute;
	z-index: 10;
	background-color: rgba(255,255,255,0.8); 
	display: none;
	width: 100%;
	height: 100%;
}
.col-new-btns{
	width: 100%;
	height: 100%; 
	display: -webkit-flex; /* Safari */
    display: flex;
    align-items:center;
    -webkit-align-items:center;
    text-align: center;
    -webkit-box-pack:center; 
     -ms-justify-content:center; 
     -webkit-justify-content:center; 
     justify-content:center;
}

.col-new-close{
	position: absolute;
	bottom: 70px;
	width: 100%;
	text-align: center;
	color: #3AADFB;
}

.col-new-btn{
    /*text-align: center;*/
    display: inline-block;
    font-size: 14px;
    color: #333;
}
.col-new-btns .col-new-btn:first-child{
	margin-right: 0.93rem;
}

.col-new-btn-icon{
	width: 76px;
	height: 76px;
	line-height: 76px;
	border-radius: 38px;
	font-size: 32px;
	color: white;
}

.col-new-btn-icon.col{
	background-color: #3cbaff;
}
.col-new-btn-icon.form{
    background-color: rgb(41,214,237);
}
.col-new-btn-icon.voice{
    background-color: rgb(0,237,160);
}

.col-new-btn-label{
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	color: #333;
	text-overflow:ellipsis;
	white-space: nowrap;
	line-height: 1;
	margin-top: 10px;
}

.blur{ -webkit-filter: blur(5px); -moz-filter: blur(5px); -ms-filter: blur(5px); -o-filter: blur(5px); filter: blur(5px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false);}
/*批操作按钮*/
.batch_wrap{ background-color: #F4F4F4;height: 41px; padding: 4px 0px 9px 0px;font-size: 16px;color: #3AADFB; }
.batch_wrap .batch_btn{ width: 100px;height: 28px;line-height: 28px;color: #3AADFB;margin: 0 auto;text-align: center;border: 1px solid #3AADFB;border-radius: 75px; }
.batch_wrap .all_btn{ height: 28px; float: left;text-align: left;margin-left: 15px; }
.batch_wrap .all_btn input.all_click { left: 0px; height: 14px; width: 14px;border-radius: 7px;}
.batch_wrap .all_btn label.all_click { left: 0px; padding-left: 22px;height: 28px;line-height: 28px;padding: 0px; }
.batch_wrap .all_btn label.all_click .all_btn{ display: inline-block; height: 16px; width: 16px; border-radius: 8px; margin-top: 6px; margin-right: 5px; line-height: 16px; background-color: #F4F4F4;border: 1px solid #3AADFB;margin-left: 0px; font-size: 16px;text-align: center;}
.batch_wrap .all_btn label.all_click .all_btn.see-icon-v5-common-select-fill-color{ border: none; }
.batch_wrap .cancel_click{ height: 28px; line-height: 30px; float: right; margin-right: 11px;text-align: right;max-width: 100px;overflow: hidden;}
.col-backdrop{width: 100%; height: 100%; position: absolute; z-index: 90; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.4);}
.handle_btn{ padding:0px 0px; }
.handle_btn button.cmp-btn{ width: 100%; font-size: 16px; height: 34px; }
.handle_btn a.cmp-btn{ position: absolute;left: 16px;font-size: 30px;top: 2px;color: #3AADFB;border: none; }
.handle_btn a.cmp-btn.new_edoc{ position: relative;left: 0px;font-size: 20px;top: 2px;border: none; }
.border_t{ position: relative; }
.border_b{ position: relative; }
.border_t:before{content: ''; width: 100%; left: 0; top:0px; height: 1px; display: inline-block; position: absolute; background-color: #d4d4d4; -webkit-transform: scale(1,0.5); transform: scale(1,0.5); -webkit-transform-origin: center bottom; transform-origin: center bottom; z-index: 2;}
.border_b:after{content: ''; width: 100%; left: 0; height: 1px; display: inline-block; position: absolute; background-color: #d4d4d4; -webkit-transform: scale(1,0.5); transform: scale(1,0.5); -webkit-transform-origin: center bottom; transform-origin: center bottom; bottom:0px; z-index: 2;}
.border_n:before{ height: 0px; }
.border_n:after{ height: 0px; }
.attachment_wrap{ position: absolute;bottom: 50px;right: 0px;left: 0px;padding:0px;background-color: white; padding-left: 15px;padding-right: 15px;}
.attachment_wrap .new_header_content .cmp-table-view-cell{ padding:0px;line-height: 40px; }
.attachment_wrap .item{width: 200px;}

.single_btn{ position: absolute;right: 80px;left: 80px; }
.single_btn .send-colla{ width: 100%; height: 34px;line-height: 34px;border-radius: 30px;}
.wf_btn{ display: -webkit-flex;display: flex; height: 80px;padding:0px;background-color: white; }
.wf_btn a{ -webkit-flex: 1;flex: 1;}
.wf_btn .thinner_border{ position: relative;height: 40px;width: 1px;top: 20px;}
.wf_btn .thinner_border:last-child{ width: 0px; }
.wf_btn .thinner_border:before{ content: '';    position: absolute;    width: 200%;    height: 200%;    border-right: 1px solid #d4d4d4;    -webkit-transform-origin: 0 0;    -moz-transform-origin: 0 0;    -ms-transform-origin: 0 0;    -o-transform-origin: 0 0;    transform-origin: 0 0;    -webkit-transform: scale(0.5, 0.5);    -ms-transform: scale(0.5, 0.5);    -o-transform: scale(0.5, 0.5);    transform: scale(0.5, 0.5);    -webkit-box-sizing: border-box; box-sizing: border-box; }
.wf_btn a .icon{ display: block;text-align: center; color: #3AADFB;font-size: 50px; height: 55px;line-height: 55px;}
.wf_btn a .icon.small{ font-size: 36px; }
.wf_btn a .title{ font-size: 14px;color: #3AADFB;display: block;text-align: center;height: 25px;line-height: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }

.searchHeader{ position: relative;overflow: hidden;display: block; }
.head_wrap{ position: relative;overflow: hidden;display: block; }
.add_border{ height: 1px; position:absolute;left: 0px;bottom: 0px;background-color: rgba(255,255,255,0); width: 100%;z-index: 19;}

/*新建协同头部样式修复*/
.head-style .right-btn span.see-icon-v5-common-switch-light-form{ line-height:1;margin-right:10px;}
.head-style .right-btn span.see-icon-more{ line-height:1;}

/*所有头部样式*/
.head-style{ background-color: rgba(254,254,254,1)!important;color: #333333;transform:translate(0,0); margin: initial; }
.head-style .cmp-title{ font-size: 18px;color: #333333;line-height: 44px;right: 80px;left: 80px; margin: initial; bottom: 0px;font-weight: normal;}
.head-style .left-btn{ height: 44px;line-height: 44px; font-size: 16px;color: #3AADFB;width: 80px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative; } 
.head-style .left-btn span{  font-size: 16px;}
body.cmp-ios header.cmp-bar.cmp-bar-nav .see-icon-error{ margin-right: 3px;top: 1px;position: relative;}
.head-style .right-btn{ height: 44px;line-height: 44px; font-size: 14px;color: #3AADFB;width: 80px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative; text-align: right;} 
.head-style .right-btn span{ position: relative;font-size: 22px; display: inline-block;height: 38px;line-height: 38px;padding-left: 15px;} 
.head-style .right-btn span.left-icon{ padding-left: 15px;} 
.aticon{ text-align: right; }
.siggle_btn{ height: 50px;background-color: white; padding: 0px 80px;}
.siggle_btn:before{content: ''; width: 100%; left: 0; top:0px; height: 1px; display: inline-block; position: absolute; background-color: #d4d4d4; -webkit-transform: scale(1,0.5); transform: scale(1,0.5); -webkit-transform-origin: center bottom; transform-origin: center bottom; z-index: 20;}
.siggle_btn button{ width: 100%;height: 34px;margin-top: 7px; }
.handler-states span{ color: #999;font-size: 14px; }
a[sel_data='giveup']{color: red!important;}
.trace_span{ display: inline-block;text-align: center;width: 100%;height: 30px;line-height: 30px; }
.trace_span input{ font-size: 20px;border: none; }
/*body.cmp-ios .head-style .backClose{position:relative;top:2px;left:-3px;}
body.cmp-android .head-style .backClose{position:relative;top:-1px;left:-3px;}*/
/*//流程图提示语*/
.wf_waring{ position: absolute;bottom: -34px; width: 100%;height: 34px;left: 0px;color: #ffa500;background-color:#fff8e4;z-index: 100; text-align: center;overflow: hidden;font-size: 14px;padding: 6px 20px;line-height: 22px; }
@keyframes marks {
  from {background-color:#fff8e4; color: #FFA500; }
  to {background-color:rgba(255,255,255,0); color:rgba(255,255,255,0); }
}
.marked_words{animation-name: marks; animation-duration: 2s; animation-timing-function: ease-out; animation-delay: 3s; animation-fill-mode:forwards; }
.content_wrap{ min-height: 100px; overflow-y: auto; }
.cell_li{ line-height: 40px; }
.height_4{ height: 40px;line-height: 40px; }
.search_color{ background-color: #efeff4; }
.san_arrow{ position: absolute; top: -5px; right: 6px; width: 26px; height: 26px; content: ' '; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-radius: 3px; background: white; }

.cmp-pull-widget .test-button{ background-color: #fff; }
header.cmp-bar.cmp-bar-nav span.color_333{ color: #333; }


/*======================模版查询   暂无数据==========*/
.StatusContainer{width: 100%;padding:20px 10px;text-align: center;position: relative;}
.StatusContainer span{font-size: 47px;color: #999;display: block;}
.StatusContainer .text{font-size: 13px;line-height: 40px;}

.col-search{
	width: 100%;
	padding: 5px 10px 14px 10px;
	height: 47px;
	position: relative;
}
.col-search-input{
	width: 100%;
	height:100%!important;
	background-color: #f2f2f2;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;  
    border-radius:8px; 
    /* padding: 10px 0 0 0!important; */
    font-size: 14px!important;
}

.col-search-input.text-left{
	text-align: left;
}

.col-search-icon{
	position: absolute;
	left: 46.5%;
	top:10px;
	margin-left:-25px;
	color: #88888;
	font-size:18px;
}

#form_views.cmp-tabText{ z-index: 1 }

.tokeninput{
	padding: 10px 15px;
	background-color: #fafafa;
}
.tokeninput-inner{
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;  
    border-radius:8px; 
    border: 1px solid #ccc;
    background-color: #fff;
    position: relative;
}
.tokeninput-close{
	position: absolute;
	right: 0px;
	width: 40px;
	line-height: 40px;
	transform : translate3d(10px,-15px,0);
	-webkit-transform : translate3d(10px,-15px,0);
	text-align: center;
	z-index: 5;
}

.tokeninput-icon{
	font-size: 26px;
	color: #b7b8b9;
}

/** 覆盖表单样式影响 **/
.fix-form{
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
}

.fixedToPos{ position: absolute; }

.font17{
	font-size: 17px;
}

.transform{
	transform: scale(1);
}

/** 处理详情表头*/
.handle-list-header {
	width: 100%;
	height: 30px;
	background-color: #3AADFB;
}

.handle-list-header div {
	float: left;
	font-size: 14px;
	text-align: center;
	color: #FFF;
	line-height: 30px;
	overflow: hidden;
    text-overflow: ellipsis; 
    white-space: nowrap;
}

.handle-list-item {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.handle-list-item div {
	font-size: 14px;
	text-align: center;
	color: #333;
	padding: 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.flex-conotainer {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.flex-btn-item {
	flex-grow:2;
	line-height: 30px;
	text-align: center;
	vertical-align:middle;
	color:#3aadfb;
}
.vertical-line {height:20px; width:0.5px; margin-top: 5px; border-left:0.5px #DDD solid; float: right; text-align: center;}

.attachment-formal-title {
	padding-top: 0px;
}

.attachment-exchanged-title {
	padding-top: 0px;
	margin-top: 10px;
}
.reply_content_newedoc {
    -webkit-user-select: text;
	height: 100px;
    overflow: auto;
	display:iblock;
	max-height: 120px;
    border: 1px solid #d4d6d8;
    border-radius: 5px;
    padding: 2px;
}
.new-edoc-block{
	display:inline-block;
}
.new_edoc_band{
	display: flex;
    justify-content: center;
    align-items: flex-end;
	vertical-align: middle;
	padding: 12px 5px 12px 5px;
}
.comment-states:before{content: ''; width: 100%; left: 0; top:0px; height: 1px; display: block; position: relative; background-color:  #d4d4d4; -webkit-transform: scale(1,0.5); transform: scale(1,0.5); -webkit-transform-origin: center bottom; transform-origin: center bottom; z-index: 2;}

.cmp-block-with-btn.new_edoc{ 
  background: #fff; 
 text-align: left;
  position: relative;
}
.cmp-block-with-btn{ 
  background: #fff; 
  padding: 10px 0; 
  margin:10px 0;  
  text-align: center;
  position: relative;
}
.cmp-block-with-btn .cmp-btn.cmp-newEdoc-zcdb-btn{
    padding-top: 5px;
    padding-bottom: 5px; 
	background-color: white;
    border-color: #3AADFB;
    color: #3AADFB;
	font-size: 14px;
    height: 34px;

}
.cmp-block-with-btn .cmp-btn.cmp-newEdoc-submit-btn{
    padding-top: 5px;
    padding-bottom: 5px; 
	font-size: 14px;
    height: 34px;
}
.cmp-block-with-btn .cmp-btn{
    border-radius: 100px 100px 100px 100px;
    padding-top: 5px;
    padding-bottom: 5px; 
}

.cmp-block-with-btn .cmp-icon{
  color: #3AADFB;
  font-size: 30px;
  display: inline-block;
  position: absolute;
  right: 25px;
  top: 12px;
}